<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black"> 
<meta name="format-detection" content="telephone=no">
<title>邀请好友注册会员 - {$cwgl_config['webtitle']}</title>
<link href="{$templateurl}/css/css.css" rel="stylesheet" type="text/css">
<link href="{$templateurl}/css/common.css" rel="stylesheet" type="text/css">
</head>
<body >
<div class="head">
	<div class="content-top clearFix">
    <a href="{php echo $this->createMobileUrl('user_index')}">
	<em class="return"><</em>
	<span class="fanhui">返回</span>
	</a>
   </div>
</div>

<div id="content" >
  
  <!--代码 start-->
  <style type="text/css">button{width:100%;text-align:center;border-radius:3px;}.button2{font-size:16px;padding:8px 0;border:1px solid #adadab;color:#000000;background-color: #e8e8e8;background-image:linear-gradient(to top, #dbdbdb, #f4f4f4);background-image:-webkit-gradient(linear, 0 100%, 0 0, from(#dbdbdb),to(#f4f4f4));box-shadow: 0 1px 1px rgba(0,0,0,0.45), inset 0 1px 1px #efefef; text-shadow: 0.5px 0.5px 1px #ffffff;}.button2:active{background-color: #dedede;background-image: linear-gradient(to top, #cacaca, #e0e0e0);background-image:-webkit-gradient(linear, 0 100%, 0 0, from(#cacaca),to(#e0e0e0));}#mess_share{margin:15px 0;}#share{width:49%; margin-left:auto; margin-right:auto;}#mess_share img{width:22px;height:22px;}#cover{display:none;position:absolute;left:0;top:0;z-index:18888;background-color:#000000;opacity:0.7;}#guide{display:none;position:absolute;right:18px;top:5px;z-index:19999;}#guide img{width:260px;height:180px;}.clr{ width:100%; height:15px;}</style>
  
	<script type="text/javascript">    var _system={        $:function(id){return document.getElementById(id);},   _client:function(){      return {w:document.documentElement.scrollWidth,h:document.documentElement.scrollHeight,bw:document.documentElement.clientWidth,bh:document.documentElement.clientHeight};   },   _scroll:function(){      return {x:document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft,y:document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop};   },   _cover:function(show){      if(show){     this.$("cover").style.display="block";     this.$("cover").style.width=(this._client().bw>this._client().w?this._client().bw:this._client().w)+"px";     this.$("cover").style.height=(this._client().bh>this._client().h?this._client().bh:this._client().h)+"px";  }else{     this.$("cover").style.display="none";  }   },   _guide:function(click){      this._cover(true);      this.$("guide").style.display="block";      this.$("guide").style.top=(_system._scroll().y+5)+"px";      window.onresize=function(){_system._cover(true);_system.$("guide").style.top=(_system._scroll().y+5)+"px";};  if(click){_system.$("cover").onclick=function(){         _system._cover();         _system.$("guide").style.display="none"; _system.$("cover").onclick=null; window.onresize=null;  };}   },   _zero:function(n){      return n<0?0:n;   }}</script>

  <div id="cover"></div>
  <div id="guide"><img src="{$templateurl}/images/guide1.png"></div>
  
  <div class="list">
	<div id="mess_share">
		<div class="clr"></div>
		<div class="clr"></div>
		<div class="clr"></div>
		<div class="clr"></div>
		<div class="clr"></div>
		<div class="clr"></div>		
	    <div id="share">
			<button class="button2" onClick="_system._guide(true)"><img src="{$templateurl}/images/icon_msg.png">&nbsp;发送给朋友</button>
		</div>	
		<div class="clr"></div>	
		<div id="share">
			<button class="button2" onClick="_system._guide(true)"><img src="{$templateurl}/images/icon_timeline.png">&nbsp;分享到朋友圈</button>
		</div>
		<div class="clr"></div>
		<div id="share">
			<button class="button2" onClick="_system._guide(true)"><img src="{$templateurl}/images/icon_msg.png">&nbsp;复制邀请链接</button>
		</div>	
	</div>
  </div>
  <!--代码 end-->
  
</div>

<!--footer star-->
{template 'user_footer'}
</body>
</html>
